<div ui-view>
</div>
<div class="mb16 pr16">
    <button class="btn bg-cyan mt16 ml16" ng-click="query=''">全部消息</button>
    <button class="btn bg-cyan mt16 ml16" ng-click="query='w'">需要浇水</button>
    <button class="btn bg-cyan mt16 ml16" ng-click="query='m'">需要施肥</button>
    <button class="btn bg-cyan mt16 ml16" ng-click="query='g'">需要除草</button>
    <button class="btn bg-cyan mt16 ml16" ng-click="query='i'">需要除虫</button>
    <button class="btn bg-cyan mt16 ml16" ng-click="query='i'">需要播种</button>
</div>
<div class="plr16">
    <ul class="list paper-b">
        <li class="flex-box" ng-repeat="data in dataset | filter:query" ng-class="{'list_unf':!data.Fstatus}" ng-click="finish_msg(data.Fstatus,this)">
            <span class="flex1 farmer_msgdate_nal">{{data.time}}</span>
            <span class="flex1 farmer_areamsg_nal c-grey">
                    <strong class="c-orange pr8">{{data.Amun}}</strong>号地块需要<strong class="c-blue pl8" ng-class="select_class(data.Cstatus)"></strong>
                </span>
            <span class="flex1 ta-r farmer_fstatu_font"></span>
        </li>
    </ul>
</div>
<style>
.list>li>span {
    display: block;
    padding-right: 16px;
}

.list_unf {
    position: relative;
    border: dashed 1px rgba(231, 76, 60, 1);
    border-left: none;
    border-right: none;
    margin-top: -1px;
    margin-bottom: -1px;
    z-index: 99;
}

.list_unf:hover {
    cursor: pointer;
}

.list_unf .farmer_fstatu_font {
    color: rgba(231, 76, 60, 1) !important;
}

.list_unf .farmer_fstatu_font::after {
    content: '未完成';
}

.farmer_areamsg_w {
    color: rgba(52, 152, 219, 1);
}

.farmer_areamsg_w::after {
    content: '浇水';
}

.farmer_areamsg_m {
    color: rgba(230, 126, 34, 1);
}

.farmer_areamsg_m::after {
    content: '施肥';
}

.farmer_areamsg_g {
    color: rgba(46, 204, 113, 1);
}

.farmer_areamsg_g::after {
    content: '除草';
}

.farmer_areamsg_i {
    color: rgba(52, 73, 94, 1);
}

.farmer_areamsg_i::after {
    content: '除虫';
}

.farmer_fstatu_font {
    color: rgba(46, 204, 113, 1);
}

.farmer_fstatu_font::after {
    content: '已完成';
}

.farmer_msgdate_nal {
    color: rgba(149, 165, 166, 1);
}

.farmer_msgdate_nal {}
</style>
